<template>
  <div class="bi-icon">
    <span :style="style" :class="option.icon" />
  </div>
</template>
<script setup>
const attrs = useAttrs()
const { option } = attrs
const style = computed(() => {
  return {
    fontSize: `${option.iconSize}px`,
    color: option.iconColor
  }
})
</script>
<style scoped lang="less">
.bi-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
}
</style>
